body {
	background: #ECF0F1;
	-ms-overflow-x: hidden;
	    overflow-x: hidden;
}
#pie {
	svg {
		.c3-chart {
			.c3-chart-arcs {
				.c3-target {
					text {
						display: none;
					}
				}
			}
		}
	}
}
.card{
	.card-header{
		.card-title{
			margin-top: 5px;
		    margin-bottom: 5px;
		    font-size: 1rem;
		}
	}
}
.jqvmap-zoomin, .jqvmap-zoomout {
    background: $brand-primary;
    padding: 3px;
    width: 15px;
    height: 15px;
}
form{
	label{
		font-weight: 700;
	}
	.underline {
	    background: none!important;
	    background-image: none;
	    border: 1px solid #c8c7cc;
	    border-top: none;
	    border-left: none;
	    border-right: none;
	    border-radius: 0 0 0 0!important;
	    color: #5b5b60;
	    font-family: inherit;
	    font-size: 14px;
	    line-height: 1.2;
	    padding: 5px 4px;
	    transition-duration: .1s;
	    box-shadow: none!important;
	    transition: border 300ms ease-out;
	}
}
.text-slider{
	.slide{
		.left,.right{
			display: none;
		}
		.carousel-indicators{
			bottom: -20px;
			li{
				background: #d9d9d9;
				&.active{
					background-color : $brand-primary;
				}
			}
		}
	}
}
.grid {
	.card {
		.card-block {
			h6 {
				margin: 10px 0;
			}
		}
	}
}
.form-component {
	.col-sm-2 {
		margin-top: 6px;
	}
	.has-error {
		.text-error {
			color: $brand-danger;
		}
		.col-sm-10{
			.form-control {
				border: 1px solid $brand-danger;
			}
		}
	}
}

.middle {
	margin-top: 0.6875rem;
}
.btn-group.split-btn {
    .left {
        -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0;
        border-right: 0;
    }
    .right {
        -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0;
        border-width: 2px;
    }
}

.btn-group.split {
    .left {
        -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0;
        &.btn-success{
            border-right: 3px solid darken($brand-success,5%);
        }
        &.btn-danger{
            border-right: 3px solid darken($brand-danger,5%);
        }
        &.btn-warning{
            border-right: 3px solid darken($brand-warning,5%);
        }
        &.btn-info{
            border-right: 3px solid darken($brand-info,5%);
        }
        &.btn-primary{
            border-right: 3px solid darken($brand-primary,5%);
        }
    }
    .right {
        -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
                border-bottom-left-radius: 0;
    }
}

.carousel {
    .carousel-control{
        cursor: pointer;
    }
    .carousel-inner {
        .fa-chevron-left:before {
            position: absolute;
            top: 46%;
            left : 30px;
        }
        .fa-chevron-right:before {
            position: absolute;
            top: 46%;
            right : 30px;
        }
    }
}
.compose-container .wrap-compose {
	padding-bottom: 6px;
}

.form-group {
	.rounded {
		-webkit-border-radius: 30px;
			        border-radius: 30px;
	}
}
/*---Switch styles---*/
/* Font Awesome */

/* Checkbox hack */
.switch input {
	cursor: pointer;
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 100;
}

/* Container */
.switch {
	height: 31px;
	position: relative;
	width: 70px;
	display: inline-block;
	margin: 0 10px;
}

/* Background unchecked */
.switch label {
	background: #e9513a;
  	color: #c72f18;
	border-radius: 25px;
	display: block;
	height: 100%;
	position: relative;
	transition: all .15s ease;
  	width: 100%;
}

/* Slider unchecked */
.switch label div {
	background: #fff;
	border-radius: 25px;
	display: block;
	height: 25px;
	left: 4px;
	position: absolute;
	top: 3px;
	transition: all .15s ease;
  	width: 25px;
	z-index: 3;
}

/* Checked States */
.switch input:checked~label {
	background: #2fca6c;
  	color: #13ad4f;
}

.switch input:checked~label div {
	left: 41px;
}

.ng2-smart-pagination-nav {
    .ng2-smart-pagination {
        display: inline-flex !important;
    }
}
